.mhy-topic-card__info .mhy-topic-card__link,
.mhy-topic-card__name,
.mhy-topic-card__desc {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap
}

.mhy-topic-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mhy-topic-card__cover {
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #ebebeb
}

.mhy-topic-card-sm .mhy-topic-card__cover {
  width: 50px;
  height: 50px
}

.mhy-topic-card-md .mhy-topic-card__cover {
  width: 60px;
  height: 60px
}

.mhy-topic-card-lg .mhy-topic-card__cover {
  width: 80px;
  height: 80px
}

.mhy-topic-card__img {
  width: 100%;
  height: 100%;
  border-radius: 8px
}

.mhy-topic-card__link {
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.mhy-topic-card a.mhy-topic-card__link:hover {
  color: #00c3ff
}

.mhy-topic-card__info {
  display: inline-block;
  margin-left: 20px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden
}

.mhy-topic-card-sm .mhy-topic-card__info {
  margin-left: 10px
}

.mhy-topic-card__name {
  position: relative;
  line-height: 20px
}

.mhy-topic-card-lg .mhy-topic-card__name {
  font-size: 16px
}

.mhy-topic-card__desc {
  color: #999;
  font-size: 12px;
  line-height: 18px
}

.mhy-topic-card-lg .mhy-topic-card__desc {
  font-size: 14px;
  line-height: 18px;
  margin-top: 6px
}

.mhy-topic-card .mhy-follow-button.mhy-follow-button-lg {
  width: 130px;
  height: 36px;
  line-height: 34px;
  font-weight: 600
}